<template>
<el-card>
<el-form :inline="true" :model="form">
  <el-form-item label="员工姓名" >
    <el-input v-model="form.username" placeholder="员工姓名"></el-input>
  </el-form-item>
  <el-form-item>
   <el-button type="primary" icon="el-icon-search" 
                    @click="onSearch()">搜索</el-button>
   <el-button icon="el-icon-refresh-left" @click="clearAll()">清空</el-button>
    </el-form-item>


</el-form>


 <el-table :data="AttendanceData" >
    
    <el-table-column label="考勤记录编号" prop="id" width="120px"></el-table-column>
    <el-table-column label="员工姓名"  prop="userName"></el-table-column>
    <el-table-column label="考勤类型" prop="attendanceType"></el-table-column>
    <el-table-column label="考勤次数" prop="attendanceNum"></el-table-column>
    <el-table-column label="应到天数" prop="shouldDays"></el-table-column>
    <el-table-column label="实到天数"  prop="practicallyDays"> </el-table-column>
        
    <el-table-column label="考勤状态"  prop="attendanceStatus"> </el-table-column>
    <!-- <el-table-column label="操作"> </el-table-column> -->

  </el-table>
</el-card>
</template>

<script>
export default {
  
      data(){
        return{
          form:{
            username:"",
          },
          AttendanceData:[
          {
              id:1,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:25,
              attendanceStatus:"迟到"
          },
          {
              id:2,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:26,
              attendanceStatus:"迟到"
          },
          {
              id:3,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:25,
              attendanceStatus:"迟到"
          },
          {
              id:4,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:25,
              attendanceStatus:"迟到"
          }  ,{
              id:5,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:25,
              attendanceStatus:"迟到"
          },{
              id:6,
              userName:"张张",
              attendanceType:"补卡",
              attendanceNum:6,
              shouldDays:26,
              practicallyDays:25,
              attendanceStatus:"迟到"
          }
         ]
        }
      },
      methods:{
        
      },
      mounted() {
			console.log('进入了考勤页面')
		}
}
</script>

<style>

</style>